【CSS】line-height - 文字の行間

CSSのline-heightプロパティについて解説します。

検証環境

CSS

macOS

14.1

line-height

line-heightは“文字の行間”のプロパティです。

基本構文

line-height: 値;

サンプル

文字の行間を36pxに設定するサンプルです。

sample.html

<style>
p {
    ___ih_hl_start
    line-height: 36px;
    ___ih_hl_end
}
</style>

<p>
    CSS : Cascading Style Sheets. CSS is a programming language that decorates elements such as HTML and XML. You can set various properties such as text color, background, and size.
</p>

プレビュー